.slider {
	width: 100%;
	height: 100vh;
	display: flex;
	position: relative;
	overflow: hidden;

	.wrapper {
		height: 100%;
		display: flex;

		.slide {
			display: flex;
			align-items: center;
			width: 100vw;
			height: 100vh;

			.imageContainer {
				width: 100%;
				flex: 1;

				img {
					height: 500px;
				}
			}

			.infoContainer {
				flex: 1;
				padding: 50px;

				.title {
					font-size: 70px;
				}

				.desc {
					margin: 50px 0;
					font-size: 20px;
					letter-spacing: 3px;
				}

				button {
					padding: 10px;
					font-size: 20px;
					background-color: transparent;
					cursor: pointer;
				}
			}
		}
	}

	.arrow {
		width: 50px;
		height: 50px;
		background-color: #fff7f7;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		cursor: pointer;
		opacity: 0.5;
		z-index: 2;

		&.left {
			left: 10px;
		}

		&.right {
			right: 10px;
		}
	}
}
